.container {
    background: rgb(31, 31, 31);
    // position: relative;
    height: 100vh;

    .video {
        width: 100%;
        height: 100%;
    }

    // .settings-container{
    //     position: fixed;
    //     top: 40px;
    //     left: 40px;
    //     width: 60px;
    //     height: 60px;
    //     border-radius: 50%;
    //     background: skyblue;
    //     display: flex;
    //     justify-content: center;
    //     align-items: center;
    // }
    .status-container {
        width: 24px;
        height: 24px;
        padding: 10px;
        position: fixed;
        top: 10px;
        left: 10px;

        span {
            display: inline-block;
            width: 100%;
            height: 100%;

            svg {
                width: 100%;
                height: 100%;
            }
        }

        .connected {

            svg {
                fill: aqua;
            }
        }

        .disconnected {
            svg {
                fill: rgb(184, 1, 1);
            }
        }
    }
}